<template>
	<div class="play">
		<div class="head">
			<router-link tag="div" to="/tv" class="rou"><</router-link>
			<div class="zl">视频</div>
		</div>
		<video width="100%" height="100%" controls="controls" autoplay="autoplay">
			<source src="../../../images/video/video.mp4" type="video/mp4" />
		</video>
	</div>
</template>

<script>
	export default {
		name: "play",
		data() {
			return {

			}
		}
	}
</script>

<style lang="less">
	.play{
		.head{
			background: #3AAE95;
			overflow: hidden;
			height: 50/50rem;
			line-height: 50/50rem;
			div{
				float: left;
				font-size: 20/50rem;
				color:#fff;
			}
			.rou{
				margin-left: 10/50rem;
			}
			.zl{
				margin-left: 150/50rem;
			}
			.sx{
				margin-left: 80/50rem;
			}
		}
	}
</style>